<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Document</title>
    <!--引用第三方的样式-->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <!--引用样式重置文件-->
    <link rel="stylesheet/less" href="./css/base.less">
    <!--引用自己的样式文件-->
    <link rel="stylesheet/less" href="./css/index.less">
    <!--引用less.js-->
    <script src="./lib/less/less.min.js"></script>
</head>

<body>
<!--头部区域-->
<header id="header">
    <div class="back">
        <a href="" class="goback">
            <!--<img src="./images/header_logo.png" alt="">-->
        </a>
    </div>
    <h1>肯德基优惠券</h1>
    <div class="apphome">
        <a href="" class="app">
            <img src="./images/header_app.png" alt="">
        </a>
    </div>
</header>

<section id="container">
    <div style="font-size:12px; text-align:center; color:#999; margin:8px 0px;">
        --点餐前出示手机中的优惠券，即可享受优惠--
    </div>

</section>







<div style="position:fixed;right:0;bottom:30px;z-index:999">
    <a href="#">
        <img src="./images/appdownload.png" width="60">
    </a>
</div>

</body>


<!--引用jq-->
<script src="./lib/jquery/jquery.js"></script>
<!--引用bootstrap.js-->
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>

<!--引用template.js-->
<!--<script src="./lib/template/template.js"></script>-->
<!--引用自己的js-->
<script src="./js/index.js"></script>

</html>